const { defineConfig } = require('@vue/cli-service')
const path = require('path')
const resolve = (dir) => path.join(__dirname, '.', dir);
const webpack = require('webpack');

module.exports =
{
    devServer: {
        proxy: {
            '/api': {
                target: 'http://81.70.16.178:9020', // 目标服务器地址
                changeOrigin: true, // 是否改变源地址
            }
        }
    },
    css: {
        //Type: boolean | Object
        //Default: 生产环境下是 true，开发环境下是 false
        extract: false,

        //是否为 CSS 开启 source map。设置为 true 之后可能会影响构建的性能。
        sourceMap: false,

        //向 CSS 相关的 loader 传递选项。
        loaderOptions: {
            postcss: {
                postcssOptions: {
                    plugins: [
                        require('postcss-pxtorem')({ //配置项，详见官方文档
                            rootValue: 37.5,
                            propList: ["*"]
                        })
                    ]
                }

            },
            sass: {
                additionalData: `@import "@/assets/css/variables.scss";`,
            }
        },
    },
    // webpack 配置，键值对象时会合并配置，为方法时会改写配置
    configureWebpack: {
        resolve: {
            alias: {
                '@': path.resolve(__dirname, 'src')
                // 其他别名配置
            }
        }
    }

}
